@charset "utf-8";
/* CSS Document */
/*img spr_x*/
.frame-top,
.frame-nav a {
	background-image:url(../images/main/spr_x.png);
	background-repeat:repeat-x;
}
/*img frame_top*/
.nav-ico,
.icon-menu i {
	background-image:url(../images/main/frame_top.png);
	background-repeat:no-repeat;
}
/*.icon*/
.frame-top .icon,
.popup-remind .icon {
	display:inline-block;
	width:16px;
	height:16px;
	vertical-align:middle;
	overflow:hidden;
	background-image:url(../images/main/icon_main.png);
	_background-image:url(../images/main/icon_main.gif);
	background-repeat:no-repeat;
}
.frame-top .ico-account {
	background-position:0 -60px;
}
.frame-top .ico-info {
	background-position:-20px -60px;
}
.frame-top .ico-privacy {
	background-position:-40px -60px;
}
.frame-top .ico-msg,
.popup-remind .ico-msg {
	background-position:-40px -100px;
}
.frame-top .ico-friend {
	background-position:-60px -60px;
}
.frame-top .ico-setting {
	background-position:-100px -100px;
}
.frame-top .ico-leaf {
	background-position:-80px -120px;
}
/*.frame-top*/
.frame-top {
	position:fixed;
	_position:absolute;
	top:0;
	right:0;
	left:0;
	z-index:1001;
	height:40px;
	background-color:#242424;
	background-position:0 -1157px;
	box-shadow:0 1px 5px rgba(0, 0, 0, 0.5);
}
/**.logo**/
.logo {
	position:absolute;
	top:10px;
	left:10px;
	width:142px;
	height:21px;
}
.logo a {
	display:block;
	height:21px;
	line-height:10;
	overflow:hidden;
	font-size:12px;
	background:url(../images/main/logo.png) no-repeat 0 0;
}
.logo a:hover {
	background-position:0 -22px;
}
/**.frame-nav**/
.frame-nav {
	position:relative;
	height:40px;
	margin:auto;
	text-align:left;
	overflow:hidden;
	cursor:default;
}
.frame-nav a {
	position:relative;
	display:inline-block;
	height:40px;
	padding:0 9px 0 32px;
	line-height:40px;
	overflow:hidden;
	font-size:14px;
	color:#999;
	background-position:100px 100px;
}
.frame-nav a:hover {
	text-decoration:none;
	color:#DDD;
}
.frame-nav a.focus,
.frame-nav a.focus:hover {
	color:#1EA9F7;
	background-position:0 -1198px;
	cursor:default;
	box-shadow:inset 1px 0 1px rgba(255, 255, 255, 0.2), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}
.frame-nav .nav-ico {
	position:absolute;
	top:8px;
	left:6px;
	width:24px;
	height:24px;
	overflow:hidden;
}
.frame-nav a:hover b {
	visibility:visible;
}
.nav-game {
	background-position:0 0;
}
a:hover .nav-game {
	background-position:-125px 0;
}
.focus .nav-game,
.focus:hover .nav-game {
	background-position:0 -25px;
}
.nav-disk {
	background-position:-25px 0;
}
a:hover .nav-disk {
	background-position:-150px 0;
}
.focus .nav-disk,
.focus:hover .nav-disk {
	background-position:-25px -25px;
}
.nav-circle {
	background-position:-50px 0;
}
a:hover .nav-circle {
	background-position:-175px 0;
}
.focus .nav-circle,
.focus:hover .nav-circle {
	background-position:-50px -25px;
}
.nav-app {
	background-position:-75px 0;
}
a:hover .nav-app {
	background-position:-200px 0;
}
.focus .nav-app,
.focus:hover .nav-app {
	background-position:-75px -25px;
}
.nav-user {
	background-position:-100px 0;
}
a:hover .nav-user {
	background-position:-225px 0;
}
.focus .nav-user,
.focus:hover .nav-user {
	background-position:-100px -25px;
}
/**.user-box**/
.pull-menu,
.pull-menu i,
.user-box li .sl {
	background-image:url(../images/main/user_box_img.gif);
	background-repeat:no-repeat;
}
.user-box {
	position:absolute;
	top:0;
	right:10px;
}
.user-box li {
	position:relative;
	float:left;
	margin-left:10px;
}

.user-box a{color: #999;}
.user-box li .sl {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:3px;
	height:40px;
	background-position:0 0;
}
.pull-menu {
	float:left;
	height:40px;
	padding:0 17px 0 7px;
	line-height:40px;
	overflow:hidden;
	font-size:14px;
	color:#999;
	background-position:100px 100px;
}
.pull-menu b {
	font-weight:normal;
}
.pull-menu i {
	position:absolute;
	top:19px;
	right:5px;
	width:6px;
	height:3px;
	overflow:hidden;
	background-position:0 -92px;
}
.pull-menu:hover {
	text-decoration:none;
	color:#DDD;
	background-color:#4A4A4A;
	background-position:0 -46px;
}
.pull-menu:hover i {
	background-position:-8px -92px;
}
.user-box .focus .sl,
.user-box .focus .pull-down {
	display:block;
}
.focus .pull-menu,
.focus .pull-menu:hover {
	color:#333;
	background-position:right 0;
}
.focus .pull-menu i,
.focus .pull-menu:hover i {
	background-position:-16px -92px;
}
/***.pull-down, .popup-remind***/
.pull-down {
	display:none;
	position:absolute;
	top:40px;
	right:0;
	_right:-1px;
	width:145px;
	color:#333;
	border:1px solid #646464;
	border-top:0 none;
	border-radius:0 0 3px 3px;
	background:#FFF;
	box-shadow:0 2px 3px rgba(0, 0, 0, 0.2);
}
.pull-down dt {
	height:30px;
	padding:0 9px;
	line-height:30px;
	overflow:hidden;
	text-shadow:0 1px #FFF;
	border-style:solid;
	border-width:0 1px 1px;
	border-color:#FFF;
	background:#F3F3F3;
}
.pull-down dt span {
	float:left;
}
.pull-down dt em {
	float:right;
}
.pull-down dd {
	border-top:1px solid #E4E4E4;
}
.pull-down ul {
	padding:0 3px;
	overflow:hidden;
}
.pull-down li {
	float:none;
	height:26px;
	margin:0;
	padding:3px 0;
	overflow:hidden;
}
.pull-down li a {
	position:relative;
	display:block;
	height:26px;
	padding-left:28px;
	line-height:26px;
	overflow:hidden;
	color:#333;
	border-radius:3px;
}
.pull-down li a.hot {
	color:#C00;
}
.pull-down li a:hover {
	text-decoration:none;
	color:#FFF;
	background:#393939;
}
.pull-down .icon {
	position:absolute;
	top:5px;
	left:7px;
}
.pull-down b {
	color:#F00;
}
.pull-bot {
	padding:3px;
}
.pull-bot a {
	display:block;
	height:27px;
	padding:0 10px;
	line-height:27px;
	text-align:center;
	border-radius:3px;
}
.pull-bot a:hover {
	text-decoration:none;
	color:#FFF;
	background:#393939;
}
.pull-down .logout a {
	text-align:left;
	color:#333;
}
.pull-down .logout a:hover {
	color:#FFF;
}
.user-down {
	right:0;
	width:130px;
}
.popup-remind {
	display:block;
	top:45px;
	right:5px;
	left:auto;
	z-index:10000001;
	width:168px;
	border:1px solid #CCC;
	border-radius:4px;
	box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
}
.popup-remind dt {
	border-width:1px 0 0;
	border-radius:4px 4px 0 0;
}
.popup-remind .close {
	position:relative;
	top:7px;
	left:2px;
	float:right;
	width:15px;
	height:15px;
	line-height:10;
	overflow:hidden;
	background-image:url(../images/main/frame_handle.gif);
	background-repeat:no-repeat;
}
.popup-remind .close:hover {
	background-position:0 -15px;
}
/***.get-vip***/
.get-vip {
	padding:9px 0 0;
}
.get-vip a,
.get-vip a:hover {
	display:block;
	width:52px;
	height:20px;
	line-height:20px;
	text-align:center;
	overflow:hidden;
	text-decoration:none;
	color:#FFFDD5;
	background:url(../images/main/get_vip_bg.png) no-repeat 0 0;
}
/**.user-link-box**/
.user-link-box {
	position:absolute;
	top:0;
	right:0;
	height:20px;
	padding:10px 5px 5px 0;
	overflow:hidden;
	color:#CCC;
}
.user-link-box a {
	color:#CCC;
}
.user-link-box a:hover {
	text-decoration:none;
	color:#1298F4;
}
.user-link-box li {
	position:relative;
	left:-1px;
	float:left;
	height:20px;
	padding:0 8px 0 9px;
	line-height:20px;
	overflow:hidden;
	font-size:14px;
	background:url(../images/home/user_line.png) no-repeat 0 0;
}
.user-link-box .get-vip,
.user-link-box .get-vip:hover,
.user-link-box .btn-link,
.user-link-box .btn-link:hover {
	float:left;
	width:52px;
	height:20px;
	line-height:20px;
	text-align:center;
	overflow:hidden;
	text-decoration:none;
	color:#FFFDD5;
	background:url(../images/main/get_vip_bg.png) no-repeat 0 0;
}
